import React from 'react'
import styles from './Layout.module.css'
import { NavLink, Outlet } from 'react-router-dom'

export default function Layout () {
  return (
    <div className={styles['layout-container']}>
      <div className={styles.left}>
        <p>
          <NavLink to='/layout/employee'>员工列表</NavLink>
        </p>
        <p>
          <NavLink to='/layout/salary'>员工列表</NavLink>
        </p>
      </div>

      <div className={styles.right}>
        {/* 路由出口 */}
        <Outlet />
      </div>
    </div>
  )
}
